<!DOCTYPE html>
<html>
<head>
    <title>MEDApp</title>
	
	<META content="text/html; charset=utf-8" http-equiv="Content-Type">
	
	<link rel="stylesheet" href="stylesheets/main.css" />
	
	<script type="text/javascript" src="scripts/jquery-1.5.min.js"></script>
	<script type="text/javascript" src="scripts/sjcl.js"></script>
	<script type="text/javascript" src="scripts/md5.js"></script>
	<script type="text/javascript" src="scripts/main.js"></script>
</head>

<body>
	<div id="main">
		<div id="header">
			<div id="header-logo">
				<img src="images/Pill.jpg" title="MEDApp" width="50" height="50" />
				<a href="/" class="headerlink-part1">MED</a><a href="/" class="headerlink-part2">App</a>
			</div>
		</div>
		
		<div id="content">
			{% block content %}
			{% endblock %}
		</div>
		
		<div id="menu">
			<div class="menu-item">
				<p align="center">
					<a href="/add" class="menulink">Add<br>New<br>Note</a>
				</p>
			</div>
			
			<div class="menu-item">
				<p align="center">
					<a href="/help" class="menulink">How<br>It<br>Works?</a>
				</p>
			</div>
			
			<div class="menu-item">
				<p align="center">
					<a href="/admin" class="menulink"><br>Admin</a>
				</p>
			</div>
		</div>
	
		<div id="footer">
			<center>
				<img src="images/gae.png" title="Google App Engine" class="footer-img" width="70" height="70" />
				<img src="images/python.png" title="Python" class="footer-img" width="70" height="70" />
				<img src="images/jquery.gif" title="jQuery" class="footer-img" height="70" />
			</center>
		</div>
	</div>
</body>

</html>